
.aplayer {
	--aplayer-color:#ff0000;
	--aplayer-background-color:#ffffff;
	--aplayer-list-border:1px solid #eee;
	--aplayer-list-light-background-color:#e9e9e9;
	--aplayer-list-top-border:1px solid var(--aplayer-list-light-background-color);
	--aplayer-list-author-color:orange;
	--aplayer-body-miniswitcher-background-color:#e6e6e6;
	--aplayer-lrc-text-shadow:-1px -1px 0 #fff;
	--aplayer-list-hover-background-color:#efefef
}
.dark .aplayer {
	--aplayer-color:#eee;
	--aplayer-background-color:#232629;
	--aplayer-list-border:none;
	--aplayer-list-light-background-color:#31363b;
	--aplayer-list-top-border:none;
	--aplayer-list-author-color:eee;
	--aplayer-body-miniswitcher-background-color:var(--aplayer-background-color);
	--aplayer-lrc-text-shadow:-1px -1px 0 #989898;
	--aplayer-list-hover-background-color:var(--theme-color)
}

.aplayer.aplayer-fixed {
	background:var(--aplayer-background-color);
	color:var(--aplayer-color)
}
.aplayer.aplayer-fixed .aplayer-list {
	border:var(--aplayer-list-border)!important
}
.aplayer.aplayer-fixed .aplayer-list ol li {
	border-top:var(--aplayer-list-top-border)
}
.aplayer.aplayer-fixed .aplayer-list ol li:hover {
	background:var(--aplayer-list-hover-background-color)
}
.aplayer.aplayer-fixed .aplayer-list ol li.aplayer-list-light {
	background:var(--aplayer-list-light-background-color)!important
}
.aplayer.aplayer-fixed .aplayer-list ol li .aplayer-list-author {
	color:var(--aplayer-list-author-color)
}
.aplayer.aplayer-fixed .aplayer-body {
	background:var(--aplayer-background-color)!important;
	color:var(--aplayer-color)
}
.aplayer.aplayer-fixed .aplayer-body .aplayer-info {
	border-top:var(--aplayer-list-top-border)
}
.aplayer.aplayer-fixed .aplayer-body .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
	fill:orange;
	fill:var(--theme-color)
}
.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher {
	background:var(--aplayer-body-miniswitcher-background-color);
	color:var(--aplayer-color)
}
.aplayer.aplayer-fixed .aplayer-body .aplayer-miniswitcher:hover path {
	fill:orange;
	fill:var(--theme-color)
}
.aplayer.aplayer-fixed .aplayer-lrc {
	text-shadow:var(--aplayer-lrc-text-shadow)
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
	background-color:orange!important;
	background-color:var(--theme-color)!important
}
.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
	background-color:orange!important;
	background-color:var(--theme-color)!important
}
.aplayer .aplayer-lrc {
	pointer-events:none
}
.aplayer .aplayer-lrc:before,.aplayer .aplayer-lrc:after {
	background:rgba(255,255,255,0);
	filter:none
}
.aplayer .aplayer-lrc .aplayer-lrc-current {
	color:orange;
	color:var(orange);
	font-size:15px;
	font-weight:700
}
.aplayer .aplayer-icon,.aplayer .aplayer-miniswitcher {
	border-radius:0 6px 6px 0!important
}
.aplayer-narrow .ap-hover {
	border-radius:0 6px 6px 0!important;
	left:-66px!important
}
.aplayer-narrow .ap-hover:hover {
	left:0!important
}
